/* 
CSS index: (append = and search to get to the section (=SOMETHING))
Global:
- WRAPPER
- HEADER
- CONTENT AREA
- ACTIONS: on the right, contact me, etc.
- SIDEBAR TABS: on the right, news, hot topics, etc.
- PROMOTION: the small block for featured promotion at the bottom
- FOOTER
- HACKS
Page Specific:
- SPOTLIGHT (home)
- M_CONTENT (home)
- SIDEBAR (home)
- 2_INTRO: contains h1, flash, etc.
- 2_CONTENT (left, two col layout)
- 2_SIDEBAR (right, two col layout)
- 3_BREADCRUMBS (left, three col layout)
- 3_CONTENT (center, three col layout)
- 3_SIDEBAR (right, three col layout)
- BASIC_CONTENT FORMATTING
- LIST_CUSTOMERS: customer list

Color guide:
canvas #e3e3e3
text #333
link #669900
site options link #006699
main nav link #333
nav hover background #5381ac
*/

* {
margin: 0;
padding: 0;
}
body {background: #e3e3e3; color: #333; font: normal 70%/1.6 Verdana, Arial, lucida, sans-serif;}

/* basic tag definitions */
a {color: #669900; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: none;}

fieldset {border: none;}
input {font: normal 100% Verdana, Arial, lucida, sans-serif;}

p.read-more {text-align: right; font-weight: bold;}


h1 {color: #125687; font-size: 1.4em; line-height: 1.2;}
h2 {color: #669900; font-size: 1.2em; margin-bottom: .2em;}
h3 {color: #666; font-size: 1.1em; line-height: 1.2;}
h4 {color: #333; font-size: 1.1em;}

p {margin: 0 0 1.4em;}


.img_border {border: 1px solid #c5c5c5; margin-top: 3px;}

/* =WRAPPER */
#wrapper {width: 880px; margin: 0 auto; padding: 0 25px; background: url(http://www.informatica.com/Style%20Library/images/infa/wrapper_stretch_bg.gif) 0 0 repeat-y;}

/* =HEADER */
#header {position: relative; z-index: 100; width: 880px; margin: 0; padding: 15px 0px 0px 0px;}

#logo {display: block; overflow: hidden; height: 38px; width: 151px;}
#logo img {display: block;}

/* search */
#headerSearch a {float: right; margin: 0; padding: 24px 0 0; color:#333; font-weight:bold; text-decoration: none;font-size: .9em;}
#headerSearch a:hover {text-decoration:underline;}

/* external navigation */
#navExternal {clear: both; list-style-type: none; position: absolute; z-index: 1000; right: -63px; top: 36px;}
#navExternal li {display: inline; float: left; line-height: 1;}
#navExternal li a {display: block; padding: 7px 12px; color: #006699; font-size: .9em; font-weight: bold;}
#navExternal li a:hover {text-decoration: underline;}


/* main navigation */
#navMain {float: left; list-style-type: none; margin: 21px 0 0 -64px;}
* html .navMain {position: relative;}
#navMain li {display: inline; float: left; line-height: 1;}
#navMain li a {display: block; padding: 7px 14px; color: #333; font-size: .9em; font-weight: bold;}
#navMain li a:hover {background: #5381ac; color: #fff; text-decoration: none;}



/* =CONTENT AREA */
#contentArea {padding: 0px 0 50px;}


/* =3_BREADCRUMBS */
#breadcrumbs {float: left; width: 134px; padding: 0 10px 10px 0;}
#breadcrumbs ul {list-style-type: none;}
#breadcrumbs ul ul {margin: 6px 0 0 0;}
#breadcrumbs ul ul ul {margin: 3px 0 0 9px;}
#breadcrumbs li a {color: #333; font-weight: bold;}
#breadcrumbs li li a {color: #666;}
#breadcrumbs li li {margin: 0 0 2px;}
#breadcrumbs li li li a {color: #333; font-weight: normal;}
#breadcrumbs li strong {color: #336699;}
#breadcrumbs li li li strong {font-weight: normal;}



/* = FOOTER */
#footer {position: relative; width: 905px; margin: 0px -25px 0 -25px; padding: 0px 0 35px 25px; background: #e3e3e3 url(http://www.informatica.com/Style%20Library/images/infa/footer_bg.gif) 0 0 no-repeat; color: #4d4d4d;}
#footer a {color: #4d4d4d;}
#footer h2 {color: #4d4d4d;}


#navSitemap {width: 895px; border-collapse: collapse;}
#navSitemap td {padding: 0 30px 30px 20px; vertical-align: top;}
#navSitemap h2 {display: inline; padding: 0 7px 6px 0; font-size: .9em; border-bottom: 1px solid #535353;}
#navSitemap ul {padding: 15px 0 0;}
#navSitemap li {list-style-type: none; padding: 2px 0; font-size: .9em;}

#footerFinal {clear: both; width: 880px; padding: 35px 0 0; text-align: center;}
#footerFinal p {display: inline; font-size: .9em;}
#footerFinal p#copyright {padding-right: 30px;}

/* =HACKS */

/* clearfix (clearing of floats) */
#header:after, #contentArea:after, div.tabbed_content.active:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#header, #contentArea, div.tabbed_content.active {display: inline-block;}

/* Hides from IE-mac \*/
* html #header, * html #contentArea, * html div.tabbed_content.active {height: 1%;}
#header, #contentArea, div.tabbed_content.active {display: block;}
/* End hide from IE-mac */



/* Form BUTTONS */

.buttons a{
display:block;
float:left;
margin:2px 7px 0 0;
background-image:url(http://www.informatica.com/Style%20Library/images/infa/button_bg.gif);
background-repeat:repeat-x;
background-color:#84ad33;
border:1px solid #669900;
height: 11px;
font-family:Verdana, Arial, sans-serif;
font-size:100%;
line-height:140%;
text-decoration:none;
font-weight:bold;
color:#FFF;
cursor:pointer;
padding:3px 10px 6px 10px; /* Links */

}


.buttons button{
display:block;
margin:2px 7px 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
border:1px solid #669900;
height: 22px;
text-transform: capitalize;
text-decoration:none;
font-weight:bold;
color:#FFF;
cursor:pointer;
padding:3px 7px 0px 7px; /* Links */
background-image: url(http://www.informatica.com/Style%20Library/images/infa/button_bg.gif) ;
background-color:#84ad33;
background-repeat: repeat-x;
}
.buttons button{
width:auto;
overflow:visible;

padding:4px 10px 3px 7px; /* IE6 */

}
.buttons button[type]{
padding:3px 10px 5px 7px; /* Firefox */
line-height:17px; /* Safari */



}
*:first-child+html button[type]{
padding:0px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
}

button:hover, .buttons a:hover{
background-color: #84ad33;
border:1px solid #669900;
color:#336699;
}
.buttons a:active{
background-color:#84ad33;
border:1px solid #669900;
color:#fff;
}


/* GRAY BUTTONS */

button.gray, .buttons a.gray{
background-image: url(http://www.informatica.com/Style%20Library/images/infa/button_bg_gray.gif) ;
background-color:#ececec;
color:#4d4d4d;
}
.buttons a.gray:hover, button.gray:hover{
background-color:#ececec;
border:1px solid #336699;
color:#336699;
}
.buttons a.gray:active{
background-color:#ececec;
border:1px solid #529214;
color:#fff;
}

/* end form buttons of buttons */




/* forms style*/
.field_formatting {
font-family: verdana, arial, sans-serif; 
font-size: 10px;
}

.required { 
color: crimson;
vertical-align:top;
margin-right:-3px;
}
select { 
color: #669900; 
border: 1px solid #c6c6c6 !important;

}

input {
color: #669900;
height:13px;
padding-top:1px;
padding-bottom:1px;
padding-left:2px;
}


.texta { 
font-size:9px; 
margin: 5px 0 0 0; 
color:#333; 
}


div.form textarea {
padding:30px;
}


/* table style*/


.table_header {
padding-top: 5px;
padding-bottom: 5px;
font-size: 1.1em;
color: #336699;
font-weight: bold;
border-bottom: 1px solid #D8D8D8;
border-spacing: 5px;

}

.table_subheader {
font-weight: bold;
padding: 3px 10px 3px 12px;
font-size: 1.1em;


}
.table_content {
padding: 3px 15px 3px 12px;
background-color:#F2F2F2;
border-bottom: 5px solid #FFF;
vertical-align:top;

}



blockquote, ul, ol, dl {
margin-bottom: 1em;
padding-right: 50px;
padding-left: 50px;
}

hr { color: #ccc; background-color: #ccc; height: 1px; border: 0;}

.bluetext { font-size:12px; font-weight:bold; color:#336699;}

.calloutbox {
border-top:1px solid #D8D8D8;
border-bottom:1px solid #D8D8D8;
background-color: #F2F2F2;
padding: 10px;
font-size: 10px;

}

.contact-form {
border-top:1px solid #D8D8D8;
border-bottom:1px solid #D8D8D8;
background-color: #F2F2F2;
padding: 10px;
height: 480px; 
}

.contact-form_ges {
border-top:1px solid #D8D8D8;
border-bottom:1px solid #D8D8D8;
background-color: #F2F2F2;
padding: 10px;
height: 530px; 
}


.contact-form_analystday2009 {
border-top:1px solid #D8D8D8;
border-bottom:1px solid #D8D8D8;
background-color: #F2F2F2;
padding: 10px;
height: 1400px; 
}



.submit-btn {
clear: both;
float: left;
padding-left: 70px;
margin-top: 10px;
}

.submitbutton {
color: #fff;
margin:2px 7px 0 0;
padding:3px 8px 6px 8px; /* Links */
border: 0px solid;
background-image: url(http://www.informatica.com/Style%20Library/images/infa/button_bg.gif) ;
background-color: #669900;
font-family: Verdana, Arial, Helvetica, sans-serif; 
display: block;
font-weight:bold;
height: 20px;
}

.elqFormSubmit {
color: #fff;
margin:2px 7px 0 0;
padding:3px 8px 6px 8px; /* Links */
border: 0px solid;
background-image: url(http://www.informatica.com/Style%20Library/images/infa/button_bg.gif) ;
background-color: #669900;
font-family: Verdana, Arial, Helvetica, sans-serif; 
display: block;
font-weight:bold;
height: 20px;
}

.elqFormFieldnew {
font-family: verdana, arial, sans-serif;
font-size: 10px;
height: 112px;
width: 208px;
border: 1px solid #c6c6c6;

}

.elqFormFieldnew_ges {
font-family: verdana, arial, sans-serif;
font-size: 10px;
height: 170px;
width: 208px;
border: 1px solid #c6c6c6;

}


.elqFormField {
font-family: verdana, arial, sans-serif; 
font-size: 10px;
} 



.col-left {
float: left;
width: 280px;
padding-left:50px;
margin-top:10px;
}

.col-right {
float: left;
width: 280px;
margin-top:10px;

}

.field1 {
border: 1px solid #c6c6c6;
width: 205px;
font-size: 10px;
height: 15px;
}
.inner-left, .inner-right {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #669900;
margin-bottom: 3px;
}

.inner-field {
margin-bottom: 10px;
}
.select1 {
color: #669900;
font-size: 10px;
width: 208px;
border: 1px solid #c6c6c6 !important;
}


.elqFormField1 {width:170px;}

select.elqFormField1 { width:176px;}


.elqFormFieldLabel {width:118px;}








